<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>::Estaciones::</title>
<script src="<c:url value="/resources/js/gestionEstaciones.js" />" type="text/javascript"></script>
<!--[if lte IE 8]>
<script language="javascript" type="text/javascript">
	$(function(){
		$("#registroEstacion").dialog("option","height",288);
		$("#edicionEstacion").dialog("option","height",288);
		$(".btn-registrar").corner();
	});
</script>
<![endif]-->
</head>
<body>
<table border = "0" cellspacing="0" class="tablaEstaciones">
		<caption>
		 	<div class="tituloTabla">Estaciones</div>
			<div class="botoneraTabla">
				<a class="btn" href="javascript:abrirDialogoRegistro();">Nuevo</a>
			</div>
		</caption>
		<thead>
			<tr>
				<th class="cabecera-tabla" align="center" width="50">Cod.</th>
				<th class="cabecera-tabla" width="200">Estaci&oacute;n</th>
				<th class="cabecera-tabla" align="center" width="80">Tipo Venta</th>
				<th class="cabecera-tabla" width="150" align="center">IP</th>
				<th class="cabecera-tabla" width="70" align="center">Puerto</th>
				<th class="cabecera-tabla" width="120" align="center">Fec. Inicio Oper.</th>	
				<th class="cabecera-tabla" width="80" align="center">Habilitado</th>
				<th class="cabecera-tabla" align="center" width="60">Editar</th>
				<th class="cabecera-tabla" align="center" width="65">Eliminar</th>
			</tr>
		</thead>
		<tbody>
		<c:forEach items="${listaEstaciones}" var="estacion" varStatus="status">
			<c:if test="${status.index%2==0}">
			  <c:set var="estiloFila" value="fila-tabla-par" />
			</c:if>
			<c:if test="${status.index%2!=0}">
			  <c:set var="estiloFila" value="fila-tabla-impar" />
			</c:if>
			<tr class="<c:out value="${estiloFila}" />" id="e<c:out value="${estacion.idEstacion}" />">
				<td class="celda" align="center">
					<c:out value="${estacion.codEstacion}" />
				</td>
				<td class="celda" align="center">
					<c:out value="${estacion.nombreEstacion}" />	    		    
				</td>
				<td class="celda" align="center">
					<c:if test="${estacion.tipoVenta==0}">
						<div class="celdaGlp"><c:out value="GLP" /></div>   		    
					</c:if>
					<c:if test="${estacion.tipoVenta==1}">
						<div class="celdaGnv"><c:out value="GNV" /></div>		    
					</c:if>
					<c:if test="${estacion.tipoVenta==2}">
						<c:out value="GLP / GNV" />	    		    
					</c:if>
				</td>
				<td class="celda" align="center">
					<c:out value="${estacion.ip}" />					    		    
				</td>
				<td class="celda" align="center">
					<c:out value="${estacion.puerto}" />					    		    
				</td>
				<td class="celda" align="center">
					<c:out value="${estacion.fecIniOper}" />					    		    
				</td>
				<td class="estado celda" align="center">
					<c:if test="${estacion.habilitado==0}">
						<a href="javascript:habilitarEstacion('<c:url value="/resources/img/gif-cargando.gif" />',<c:out value="${estacion.idEstacion}" />)">
						<img src="<c:url value="/resources/img/deshabilitado.png" />" width="20" height="20" alt="" title="" />
						</a>   		    
					</c:if>
					<c:if test="${estacion.habilitado==1}">
						<a href="javascript:deshabilitarEstacion('<c:url value="/resources/img/gif-cargando.gif" />',<c:out value="${estacion.idEstacion}" />)">
						<img src="<c:url value="/resources/img/habilitado.png" />" width="20" height="20" alt="" title="" />
						</a> 		    
					</c:if>		
				</td>
				<td class="celda" align="center">
					<a href="javascript:editarEstacion('<c:url value="/resources/img/gif-cargando.gif" />',<c:out value="${estacion.idEstacion}" />)" >
						<img src="<c:url value="/resources/img/pencil.png" />" alt="" title="" width="20" height="20" />
					</a>
				</td>
				<td class="celda" align="center">
					<a href="javascript:eliminarEstacion(<c:out value="${estacion.idEstacion}" />,'<c:out value="${estacion.nombreEstacion}" />');">
						<img src="<c:url value="/resources/img/eliminar.png" />" alt="" title="" width="20" height="20" />
					</a>
				</td>
			</tr>
		</c:forEach>
		</tbody>
</table>
<div id="registroEstacion" style="display:none" align="center">
	<form:form id="formRegEstacion" action="listarEstaciones.php" method="post">
		<input type="hidden" name="accion" value="registrar" />
		<table>
			<tr>
				<td class="etiqueta" align="right">Cod. Estacion : </td>
				<td><input type="text" id="regCodEstacion" name="codEstacion" /></td>
			</tr>
			<tr>
				<td class="etiqueta" align="right">Nombre : </td>
				<td><input type="text" id="regNombreEstacion" name="nombreEstacion" /></td>
			</tr>
			<tr>
				<td class="etiqueta" align="right">Ip :</td>
				<td><input type="text" id="regIpEstacion" name="ipEstacion" /></td>
			</tr>
			<tr>
				<td class="etiqueta" align="right">Puerto :</td>
				<td><input type="text" id="regPuertoEstacion" name="puertoEstacion" /></td>
			</tr>
			<tr>
				<td class="etiqueta" align="right">Fec. Inicio Oper. :</td>
				<td><input type="text" id="regFecInicioOper" name="fechaInicioOperaciones" /></td>
			</tr>
			<tr>
				<td class="etiqueta" align="right">Timeout :</td>
				<td><input type="text" id="regTimeOutWs" name="timeOutWs" value="${defaultTimeOut}" /></td>
			</tr>
			<tr>
				<td class="etiqueta" align="right">Tipo Venta :</td>
				<td align="left">
				<select name="tipoVenta">
					<option value="0">GLP</option>
					<option value="1">GNV</option>
				</select>
				</td>
			</tr>
			<tr>
				<td class="etiqueta" align="right">Estado :</td>
				<td align="left">
				<select name="estado">
					<option value="1">Habilitado</option>
					<option value="0">Deshabilitado</option>
				</select>
				</td>
			</tr>
			<tr>
				<td></td>
				<td align="left">
					<div style="height:5px"></div>
					<a href="javascript:validarRegistro();" class="btn-registrar">Registrar</a>
				</td>
			</tr>
		</table>
	</form:form>
</div>
<div id="edicionEstacion" style="display:none" align="center"></div>
</body>
</html>